/*
* Copyright (c) 2014 Cisco Systems, Inc. and others.  All rights reserved.
*
* This program and the accompanying materials are made available under the
* terms of the Eclipse Public License v1.0 which accompanies this distribution,
* and is available at http://www.eclipse.org/legal/epl-v10.html
*/

.form-group .inputText[type="text"],.inputText[type="number"]{
  color:#000;
  background-color:#fff;
  border:1px solid #ccc;
  display:inline;
  width:25%;
}

.blue {
  opacity: 1;
  width: 30px;
  height:35px;
  background: transparent url('images/blue.jpg') no-repeat center;
}

.yellow {
  opacity: 1;
  width: 30px;
  height:35px;
  background: transparent url('images/yellow.jpg') no-repeat center;
}

.green {
  opacity: 1;
  width: 30px;
  height:35px;
  background: transparent url('images/green.jpg') no-repeat center;
}

.cyan {
  opacity: 1;
  width: 30px;
  height:35px;
  background: transparent url('images/cyan.jpg') no-repeat center;
}

.label {
  font-size:13px;
  font-family:'微软雅黑';
}

.selectDiv{
  color:#000;
  background-color:#fff;
  border:1px solid #ccc;
  display:inline;
  width:25%;
}

.errorlabel{
  width:10px;
  line-height:2.5;
}

.name{
  font-size:10px;
  font-weight:normal;
  margin-top:9px;
}

.value{
  color:#428BCA;
  font-size:10px;
  font-weight:normal;
}

.htext{
 color:#000;
 font-size:15px;
 font-family:'Microsoft YaHei';
}

.form-group .textLabel {
  color:#000;
  width:15%;
  line-height:2.5;
  text-align:right;
  font-weight: normal;
  font-size: 13px;
  font-family: 'Microsoft YaHei';
}

.tunnelButton {
    cursor: pointer;
    position: relative;
    width: 24px;
    height: 24px;
    border: 0;
    margin: 2px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
}

.plusIcon{
    opacity: 1;
    width: 35px;
	height:31px;
    background: transparent url('images/add.png') no-repeat center;
}

.closeIcon{  
    opacity: 1;
    width: 35px;
	height:31px;
    background: transparent url('images/rm.png') no-repeat center;
}
 
.expandIconArrowDown{
    opacity: 1;
    width: 35px;
	height:31px;
    background: transparent url('images/up.png') no-repeat center;
}

.expandIconArrowUp{
    opacity: 1;
    width: 35px;
	height:31px;
    background: transparent url('images/down.png') no-repeat center;
}

.iconOpen{
    opacity: 1;
    width: 24px;
    background: transparent url('images/expand_more.png') no-repeat center;
}

.iconClose{
    opacity: 1;
    width: 24px;
    background: transparent url('images/expand_less.png') no-repeat center; 
}

.oneLhtext{
    height:50px;
	font-size:30px;
	font-weight:bold;
	line-height:1.5;
    border:1px solid #bfbfbf;
}

.twoLhtext{
    height:35px;
	border-top:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
}

.whitebr{
    background-color:#fff;
}

.redbr{
    margin-left:10px;
	margin-right:10px;
	width:10px;
	height:50px;
    background-color:#E6571E;
}

.orangebr{
    margin-left:10px;
	margin-right:10px;
	width:10px;
	height:35px;
    background-color:#FC991A;
}

.bulebr{
    margin-left:10px;
	margin-right:10px;
	margin-bottom:-5px;
	width:15px;
	height:35px;
    background-color:#2EB9A4;
}

.titleContent li{
    width:10%;
	height:45px;
}

.itemlist{
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #000;
	background-color:#fff;
}

.addlsp {
    opacity: 1;
    width: 75px;
	height:26px;
    background: transparent url('images/addlsp.png') no-repeat center;
}

.addxc {
    opacity: 1;
    width: 75px;
	height:26px;
    background: transparent url('images/addxc.png') no-repeat center;
}

.addRouteXc {
	color: #ffffff;
	background-color: #f0ad4e;
	border-color: #eea236;
}

.pmplus {
    opacity: 1;
    width: 128px;
	height:128px;
    background: transparent url('images/plus.png') no-repeat center;
}

.remove {
    opacity: 1;
    width: 24px;
	height:24px;
    background: transparent url('images/remove.png') no-repeat center;
}